<template>
    <Avatar :size="size" :avatar="profile.head"/>
</template>

<script>
import Avatar from '@/components/common/Avatar.vue'
export default {
    components: {
        Avatar
    },
    props: {
        size: {
            type: String, // 'small' , 'middle'
            default: 'middle'
        }
    },
    computed: {
        profile() {
            return this.$store.state.user.profile
        }
    }
}
</script>